<template>
    <div class="sticky-wrapper" style="min-height: 70px;">
        <div class="header-main  sticky-header ">
            <div class="container">
                <div class="header-wrapper">
                    <div class="logo">
                        <a href="https://convertio.co/zh/" aria-label="Go to index page">
                            <svg xmlns="http://www.w3.org/2000/svg" width="147" height="30" viewBox="0 0 147 30">
                                <path fill="#ff3333"
                                    d="M15.047 30C6.737 30 0 23.284 0 15 0 6.716 6.737 0 15.047 0s15.047 6.716 15.047 15c0 8.284-6.736 15-15.047 15zM24.3 15.111c.028-2.353-1.332-4.866-3.121-6.667-3.121-3.088-7.558-2.923-10.924-1.333 2.898.242 4.58 1.214 6.242 2.889 1.696 1.673 2.229 2.95 2.23 5.111h-2.899l5.574 6.222 5.573-6.222h-2.675zM5.796 14.89c-.029 2.353 1.332 4.866 3.12 6.667 3.122 3.088 7.558 2.923 10.924 1.333-2.898-.242-4.579-1.214-6.242-2.889-1.695-1.673-2.229-2.95-2.229-5.111h2.898L8.694 8.667l-5.573 6.222h2.675z">
                                </path>
                                <path fill="#282828"
                                    d="M52.587 21.09c-.798.914-1.783 1.637-2.954 2.17-1.172.533-2.521.8-4.05.8-1.391 0-2.677-.228-3.857-.685a9.066 9.066 0 0 1-3.068-1.942 8.992 8.992 0 0 1-2.038-3.008c-.492-1.168-.738-2.454-.738-3.859 0-1.438.25-2.741.751-3.91a8.696 8.696 0 0 1 2.075-2.982 9.197 9.197 0 0 1 3.107-1.89c1.188-.44 2.47-.66 3.845-.66 1.274 0 2.526.223 3.756.672 1.231.448 2.228 1.104 2.992 1.967l-2.953 2.945a3.654 3.654 0 0 0-1.605-1.244 5.335 5.335 0 0 0-2.037-.406c-.764 0-1.464.14-2.1.419a4.928 4.928 0 0 0-1.643 1.155A5.259 5.259 0 0 0 41 12.37a6.12 6.12 0 0 0-.382 2.196c0 .812.128 1.557.382 2.234a5.199 5.199 0 0 0 1.057 1.739c.45.482.989.859 1.617 1.13.628.27 1.316.406 2.063.406.865 0 1.62-.17 2.266-.508a4.39 4.39 0 0 0 1.553-1.32l3.03 2.843zm13.662-3.884c0 1.032-.187 1.967-.56 2.805a6.29 6.29 0 0 1-1.528 2.132 6.998 6.998 0 0 1-2.241 1.359 7.627 7.627 0 0 1-2.725.482c-.95 0-1.854-.16-2.712-.482a6.819 6.819 0 0 1-2.24-1.359 6.375 6.375 0 0 1-1.516-2.132c-.373-.838-.56-1.773-.56-2.805 0-1.032.187-1.963.56-2.792a6.27 6.27 0 0 1 1.515-2.107 6.593 6.593 0 0 1 2.241-1.32 8.04 8.04 0 0 1 2.712-.457c.968 0 1.876.152 2.725.457a6.759 6.759 0 0 1 2.24 1.32 6.188 6.188 0 0 1 1.529 2.107c.373.83.56 1.76.56 2.792zm-4.023 0c0-.406-.068-.804-.204-1.193a3.152 3.152 0 0 0-.586-1.028 2.976 2.976 0 0 0-.942-.723c-.374-.187-.806-.28-1.299-.28-.492 0-.925.093-1.298.28a2.832 2.832 0 0 0-.93.723 3.096 3.096 0 0 0-.56 1.028 3.814 3.814 0 0 0 0 2.386c.127.39.318.74.573 1.054.254.313.569.562.942.749.374.186.806.279 1.299.279.492 0 .925-.093 1.298-.28.374-.186.688-.435.943-.748.254-.313.445-.665.573-1.054.127-.389.19-.787.19-1.193zm13.891 6.372v-6.905c0-.355-.03-.694-.09-1.015a2.793 2.793 0 0 0-.292-.85 1.516 1.516 0 0 0-.573-.585c-.246-.143-.556-.215-.93-.215-.373 0-.7.072-.98.215-.28.144-.513.343-.7.597a2.706 2.706 0 0 0-.42.876c-.094.33-.14.672-.14 1.028v6.854H67.79V10.936h4.049v1.752h.05c.154-.271.353-.538.6-.8.245-.262.534-.486.865-.673a5.396 5.396 0 0 1 1.082-.457c.39-.118.807-.177 1.248-.177.849 0 1.57.152 2.165.457a4.133 4.133 0 0 1 1.438 1.18 4.64 4.64 0 0 1 .79 1.663c.161.626.242 1.252.242 1.878v7.819h-4.202zm14.095 0h-4.507l-4.991-12.642h4.609l2.674 8.2h.076l2.674-8.2h4.456l-4.99 12.642zm14.223-7.768c0-.66-.208-1.227-.624-1.7-.416-.475-1.04-.712-1.872-.712-.407 0-.78.064-1.12.19-.34.128-.637.301-.892.521-.254.22-.458.478-.61.774a2.261 2.261 0 0 0-.255.927h5.373zm3.845 1.6v.507c0 .17-.009.33-.026.482h-9.192c.034.356.14.677.318.965.178.288.407.537.688.749.28.211.594.376.942.495.348.118.708.177 1.082.177.662 0 1.222-.122 1.68-.368a3.322 3.322 0 0 0 1.121-.952l2.903 1.828a5.869 5.869 0 0 1-2.355 1.993c-.977.465-2.11.698-3.4.698-.95 0-1.85-.148-2.7-.444a6.56 6.56 0 0 1-2.227-1.295 5.996 5.996 0 0 1-1.503-2.094c-.365-.83-.547-1.777-.547-2.843 0-1.033.178-1.968.535-2.805a6.34 6.34 0 0 1 1.451-2.133 6.473 6.473 0 0 1 2.164-1.358 7.423 7.423 0 0 1 2.7-.482c.933 0 1.79.157 2.572.47a5.6 5.6 0 0 1 2.011 1.358c.56.592.998 1.311 1.312 2.157.314.847.47 1.811.47 2.894zm9.715-3.072a3.262 3.262 0 0 0-.547-.102 5.523 5.523 0 0 0-.522-.025c-.56 0-1.032.101-1.414.304a2.876 2.876 0 0 0-.916.737c-.23.287-.395.6-.497.939a3.143 3.143 0 0 0-.153.888v6.499h-4.176V10.936h4.023v1.828h.051a4.107 4.107 0 0 1 1.376-1.574c.594-.406 1.281-.61 2.062-.61.17 0 .335.01.497.026.161.017.293.042.394.076l-.178 3.656zm4.979-.28v4.824c0 .592.115 1.036.344 1.332.229.296.64.444 1.235.444.204 0 .42-.016.65-.05.228-.034.42-.085.572-.153l.051 3.047c-.289.101-.654.19-1.095.266a7.775 7.775 0 0 1-1.324.114c-.849 0-1.562-.105-2.14-.317-.576-.212-1.039-.516-1.387-.914a3.58 3.58 0 0 1-.751-1.421 6.872 6.872 0 0 1-.23-1.84v-5.332l-.697.289v-3.462l.672.051V7.611h4.1v3.325h2.98v3.122h-2.98zM131.34 6.9c0 .322-.064.622-.191.901-.128.28-.297.52-.51.724a2.487 2.487 0 0 1-1.693.66c-.679 0-1.248-.225-1.706-.673a2.176 2.176 0 0 1-.688-1.612c0-.305.06-.597.179-.876.118-.279.288-.52.509-.723.22-.203.475-.368.764-.495.288-.127.602-.19.942-.19a2.487 2.487 0 0 1 1.693.66c.213.202.382.444.51.723.127.28.19.58.19.901zm-4.482 16.678V10.936h4.176v12.642h-4.176zm19.825-6.372c0 1.032-.187 1.967-.56 2.805a6.29 6.29 0 0 1-1.528 2.132 6.998 6.998 0 0 1-2.241 1.359 7.627 7.627 0 0 1-2.725.482c-.95 0-1.855-.16-2.712-.482a6.819 6.819 0 0 1-2.24-1.359 6.375 6.375 0 0 1-1.516-2.132c-.374-.838-.56-1.773-.56-2.805 0-1.032.186-1.963.56-2.792a6.27 6.27 0 0 1 1.515-2.107 6.593 6.593 0 0 1 2.241-1.32 8.04 8.04 0 0 1 2.712-.457c.968 0 1.876.152 2.725.457a6.759 6.759 0 0 1 2.24 1.32 6.188 6.188 0 0 1 1.528 2.107c.374.83.56 1.76.56 2.792zm-4.024 0c0-.406-.068-.804-.203-1.193a3.152 3.152 0 0 0-.586-1.028 2.976 2.976 0 0 0-.942-.723c-.374-.187-.807-.28-1.299-.28-.492 0-.925.093-1.299.28a2.832 2.832 0 0 0-.93.723 3.096 3.096 0 0 0-.56 1.028 3.814 3.814 0 0 0 0 2.386c.128.39.319.74.574 1.054.254.313.568.562.942.749.373.186.806.279 1.298.279.493 0 .926-.093 1.3-.28.373-.186.687-.435.941-.748.255-.313.446-.665.573-1.054.128-.389.191-.787.191-1.193z">
                                </path>
                            </svg>
                        </a>
                    </div>

                    <div class="mobile-tools">
                        <a href="https://convertio.co/zh/#" class="menu-toggle"
                            aria-label="Toggle mobile navigation menu"><i></i></a>
                    </div>

                    <div class="navigation-wrapper">
                        <a href="https://convertio.co/zh/#" class="menu-toggle"
                            aria-label="Toggle mobile navigation menu"><i></i></a>
                        <div class="navigation">
                            <div class="guest-nav">
                                <ul>
                                    <li><a href="https://convertio.co/zh/pricing/?utm_source=header"
                                            class="btn btn-outline-blue">注册</a></li>
                                    <li><a href="https://convertio.co/zh/#" class="btn btn-outline-dark"
                                            data-toggle-widget=".login-form-wrapper">登录</a></li>
                                    <li class="nav-files d-none active">
                                        <a href="https://convertio.co/zh/download/" class="btn btn-outline-dark">
                                            <svg width="18" height="18">
                                                <use xlink:href="#svg-my-files"></use>
                                            </svg>
                                            <span>我的文件</span> <span class="badge" data-name="count">0</span>
                                        </a>
                                    </li>
                                </ul>
                                <div class="login-form-wrapper">
                                    <form id="login_form" class="login-form" autocomplete="off">
                                        <div class="form-group">
                                            <input type="email" class="form-control" placeholder="电子邮箱">
                                        </div>
                                        <div class="form-group">
                                            <span class="input-question-mark" data-open-widget="#recovery_form"
                                                data-close-widget="#login_form"></span>
                                            <input type="password" class="form-control" id="password" placeholder="密码">
                                        </div>
                                        <div class="d-flex flex-column flex-sm-row align-items-sm-center">
                                            <div class="flex-grow-1 text-center text-sm-left">
                                                <div class="buttons buttons-spacing-md">
                                                    <button type="submit" class="btn btn-outline-blue">登录</button>
                                                    <button type="button" class="btn btn-outline-dark mobile-only"
                                                        data-close-widget=".login-form-wrapper">取消</button>
                                                </div>
                                            </div>
                                            <div class="flex-grow-0 text-center">
                                                <div class="buttons buttons-spacing-md buttons-soc">
                                                    <span data-action="fb_login">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                                                            viewBox="0 0 22 22">
                                                            <path fill="#4267B2"
                                                                d="M20,0H2C0.896,0,0,0.896,0,2v18c0,1.104,0.896,2,2,2h9v-9H9v-3h2V8.545C11,6,12,4,15.257,4H19v3h-2.289C15,7,15,8,15,9v1h4l-1,3h-3v9h5c1.104,0,2-0.896,2-2V2C22,0.896,21.104,0,20,0z">
                                                            </path>
                                                        </svg>
                                                    </span>
                                                    <span data-action="google_login">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                                                            viewBox="0 0 22 22">
                                                            <g>
                                                                <path fill="#4285F4"
                                                                    d="M20.801,11.223c0-0.822-0.067-1.423-0.212-2.044H11.2v3.709h5.512C16.6,13.812,16,15.2,14.666,16.134l-0.018,0.123l2.969,2.301l0.206,0.021C19.711,16.833,20.801,14.268,20.801,11.223">
                                                                </path>
                                                                <path fill="#34A853"
                                                                    d="M11.2,21c2.7,0,4.967-0.889,6.624-2.422l-3.157-2.444c-0.844,0.589-1.978,1-3.466,1c-2.645,0-4.889-1.745-5.689-4.155l-0.117,0.011l-3.087,2.388L2.266,15.49C3.911,18.756,7.289,21,11.2,21">
                                                                </path>
                                                                <path fill="#FBBC05"
                                                                    d="M5.511,12.979C5.3,12.356,5.178,11.689,5.178,11S5.3,9.645,5.5,9.022L5.494,8.89L2.369,6.463L2.266,6.512C1.589,7.867,1.2,9.389,1.2,11c0,1.611,0.389,3.134,1.066,4.49L5.511,12.979">
                                                                </path>
                                                                <path fill="#EB4335"
                                                                    d="M11.2,4.867c1.878,0,3.144,0.811,3.867,1.489L17.888,3.6C16.155,1.989,13.899,1,11.2,1C7.289,1,3.911,3.245,2.266,6.512L5.5,9.022C6.311,6.611,8.555,4.867,11.2,4.867">
                                                                </path>
                                                            </g>
                                                        </svg>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <form id="recovery_form" class="login-form text-center" autocomplete="off">
                                        <p>在下面输入您的邮箱地址，我们会向您发送密码重置说明。</p>
                                        <div class="form-group">
                                            <input type="email" class="form-control" placeholder="电子邮箱">
                                        </div>
                                        <div class="buttons buttons-spacing-md">
                                            <button type="submit" class="btn btn-outline-blue">发送</button>
                                            <button type="button" class="btn btn-outline-dark"
                                                data-close-widget="#recovery_form"
                                                data-open-widget="#login_form">取消</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="main-nav">
                                <ul>
                                    <li class="megamenu-item"><a>转换</a>
                                        <div class="megamenu">
                                            <div class="container">
                                                <ul>
                                                    <li><a href="https://convertio.co/zh/audio-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path
                                                                    d="M22.87,9.071c-0.081-0.065-0.189-0.087-0.29-0.06l-7.334,2.1c-0.149,0.045-0.249,0.184-0.246,0.339v8.565 c-0.42-0.32-1.007-0.515-1.667-0.515c-1.308,0-2.333,0.769-2.333,1.75s1.025,1.75,2.333,1.75s2.334-0.769,2.334-1.75v-9.534 l6.666-1.91v8.808c-0.42-0.32-1.007-0.516-1.666-0.516c-1.308,0-2.334,0.769-2.334,1.75s1.026,1.75,2.334,1.75S23,20.83,23,19.85 V9.35C23.001,9.242,22.953,9.14,22.87,9.071z">
                                                                </path>
                                                                <path
                                                                    d="M17.5,33C8.402,33,1,25.598,1,16.5S8.402,0,17.5,0S34,7.402,34,16.5S26.598,33,17.5,33z M17.5,1 C8.953,1,2,7.953,2,16.5S8.953,32,17.5,32S33,25.047,33,16.5S26.047,1,17.5,1z">
                                                                </path>
                                                            </svg>

                                                            <span>音频转换器</span></a></li>
                                                    <li><a href="https://convertio.co/zh/video-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path d="M15,9.751v10.497L21.848,15L15,9.751z"></path>
                                                                <path
                                                                    d="M0,3v24h35V3H0z M34,26H1V4h33V26z M9,29h17v1H9V29z">
                                                                </path>
                                                            </svg>

                                                            <span>视频转换器</span></a></li>
                                                    <li><a href="https://convertio.co/zh/image-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path
                                                                    d="M26.5,9c0.828,0,1.5,0.671,1.5,1.5S27.328,12,26.5,12S25,11.329,25,10.5S25.672,9,26.5,9z M27.7,17.3 l-5.25,5.25l6.597,6.597l-0.707,0.707l-6.95-6.95L10.786,12.3l-9.933,9.932l-0.707-0.707l10.64-10.639l10.957,10.957l5.957-5.957 l7.153,7.153l-0.707,0.707L27.7,17.3z">
                                                                </path>
                                                                <path d="M35,30H0V3h35V30z M1,29h33V4H1V29z"></path>
                                                            </svg>
                                                            <span>图像转换器</span></a></li>
                                                    <li><a href="https://convertio.co/zh/document-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path
                                                                    d="M10,13h15v1H10V13z M10,18h12v1H10V18z M10,23h15v1H10V23z">
                                                                </path>
                                                                <path
                                                                    d="M22.154,0H3v33h29V9.495L22.154,0z M22,1.241L30.047,9H22V1.241z M31,32H4V1h17v9h10V32z">
                                                                </path>
                                                            </svg>

                                                            <span>文档转换器</span></a></li>
                                                    <li><a href="https://convertio.co/zh/archive-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path
                                                                    d="M12,16h11v1H12V16z M12,26h11v-1H12V26z M12,7v1h11V7H12z">
                                                                </path>
                                                                <path
                                                                    d="M3,3v27h29V3H3z M31,4v7H4V4H31z M31,12v9H4v-9H31z M4,29v-7h27v7H4z">
                                                                </path>
                                                            </svg>

                                                            <span>归档转换器</span></a></li>
                                                    <li><a href="https://convertio.co/zh/presentation-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path
                                                                    d="M19.493,21.823l-6.013-8.018L8.884,19.32L8.116,18.68l5.405-6.485l5.987,7.982l6.598-8.483l0.789,0.613 L19.493,21.823z">
                                                                </path>
                                                                <path d="M35,30H0V3h35V30z M1,29h33V4H1V29z"></path>
                                                            </svg>

                                                            <span>演示器</span></a></li>
                                                    <li><a href="https://convertio.co/zh/font-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path
                                                                    d="M20.83,18.205h-6.672L11.867,24H10.6l6.604-16.486h0.729L24.4,24h-1.291L20.83,18.205z M14.574,17.172 h5.873l-2.234-5.918c-0.188-0.465-0.412-1.107-0.674-1.932c-0.201,0.719-0.422,1.369-0.662,1.953L14.574,17.172z">
                                                                </path>
                                                                <path
                                                                    d="M17.5,33C8.402,33,1,25.598,1,16.5S8.402,0,17.5,0S34,7.402,34,16.5S26.598,33,17.5,33z M17.5,1 C8.953,1,2,7.953,2,16.5S8.953,32,17.5,32S33,25.047,33,16.5S26.047,1,17.5,1z">
                                                                </path>
                                                            </svg>

                                                            <span>字体转换器</span></a></li>
                                                    <li><a href="https://convertio.co/zh/ebook-converter/">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="35"
                                                                height="33" viewBox="0 0 35 33">
                                                                <path d="M27,14H8V7h19V14z M9,13h17V8H9V13z"></path>
                                                                <path
                                                                    d="M6.5,1C4.57,1,3,2.57,3,4.5v24C3,30.43,4.57,32,6.5,32H32v-1H6.5C5.121,31,4,29.879,4,28.5S5.121,26,6.5,26 H32v-0.5V25V1H6.5z M6.5,25c-0.979,0-1.864,0.407-2.5,1.059V4.5C4,3.121,5.121,2,6.5,2H31v23H6.5z">
                                                                </path>
                                                            </svg>

                                                            <span>电子书转换器</span></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                    <li><a href="https://convertio.co/zh/ocr/">OCR</a></li>
                                    <li><a href="https://developers.convertio.co/" target="_blank"
                                            rel="noopener noreferrer">API</a></li>
                                    <li><a href="https://convertio.co/zh/pricing/?utm_source=header_pricing">定价</a></li>
                                    <li><a href="https://support.convertio.co/" target="_blank"
                                            rel="noopener noreferrer">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="progress" style="width: 0%;"></div>
            </div>
        </div>
    </div>
</template>


<script>
export default {
    name: 'HelloWorld',
    props: {
        msg: String
    }
}
</script>

<style>
.header-main .login-form-wrapper {
    display: none;
    background: #fff;
    position: relative;
    margin-top: -170px;
    z-index: 2;
    font-size: 14px;
    line-height: 22px
}
</style>